// @import '@scss/hairline.scss';
@import '../../assets/styles/hairline.scss';

.root {
  :global {
    .title {
      margin: 54px 0 30px 32px;
      color: #333;
      font-size: 24px;
      font-weight: 300;
      @include hairline(bottom, #f0f0f0);
    }

    .login-wrap {
      padding: 0 33px;
    }

    .form-item {
      position: relative;
      height: 58px;
      margin-bottom: 17px;
      border-bottom: 1px solid #f0f0f0;

      &:last-child {
        // margin-top: 21px;
        margin-top: 39px;
        border-bottom: none;
        @include hairline-remove(bottom);
      }

      // 因为 将 Input 封装了，所以将Input 的样式都填写在了component Input 里面了
      /* input {
        width: 100%;
        font-size: 16px;
        line-height: 58px;
      } */

      // 给文本框的placeholder添加样式
   /*    &::placeholder {
        color:#A5A6AB ;
      } */

      button {
        width: 309px;
        height: 50px;
        opacity: 1;
        color: #f0f0f0;
        font-size: 16px;
        background: linear-gradient(315deg,#ff9999, #ffa179);
        border-radius: 4px;
      }

     /*  .code-text {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 58px;
        color: #999;
        font-size: 14px;
      } */
      .red {
        color: aquamarine;
      }

      .active {
        background: linear-gradient(315deg, #fe4f4f, #fc6627);
      }
    }

    .error {
      position: absolute;
      font-size: 12px;
      color: indianred;
    }
  }
}